// components/album/album.js
Component({
  data: {
    // 项目的根地址
    baseURL: "http://192.168.1.20:3000/",
    // 专辑数组
    list: [],
    // 接口要的参数
    params: {
      skip: 0,
      limit: 12
    },
    // 总条数
    total: 0
  },
  lifetimes: {
    // 组件创建完毕
    attached: function () {
      this.getAblums();

      // 往app中存一些值
      var app = getApp();
      app.aaaa = 'bbbb';

    },
  },
  // 组件内定义自己的函数 需要先定义一个对象 methods
  methods: {
    // 获取专辑列表数据
    getAblums() {
      // 弹窗显示一个加载中
      wx.showLoading({
        title: "加载中...",
      });


      wx.request({
        url: 'http://192.168.1.20:3000/album',
        data: this.data.params,
        success: (result) => {
          console.log(result);
          this.setData({
            // 数组的合并
            list: [...this.data.list, ...result.data.data.list],
            total: result.data.data.total
          });
          wx.hideLoading();

        }
      });
    },
    scrolltolower() {
      //  1 先判断还有没有下一页数据
      if (this.data.params.skip >= this.data.total) {
        wx.showToast({
          title: '没有更多数据了',
          icon: 'none'
        });
        return;
      }

      // 2 还有下一页
      var params = this.data.params;
      // params.skip = params.skip + 12; 等同于下一行的代码
      params.skip += 12;

      // 3 直接发送请求来获取 新的下一页的数据
      this.getAblums();
    },
    // 点击专辑时候事件
    goAlbumDetail(event) {
      // 1  获取到被点击的专辑的索引
      var index = event.currentTarget.dataset.index;
      // console.log(index);
      // 2 获取到了被点击的元素的对象 存放imgs属性 item.imgs
      var item = this.data.list[index];
      // 3 获取应用对象 app
      var app = getApp();
      // 4 将循环项存放到 app中
      app.album = item;

      // 5 通过js的方式来跳转页面
      wx.navigateTo({
        url: '/pages/albumDetail/albumDetail'
      });
    }
  }
})
